<h1>{title_for_page}</h1>
<p class='msg info' id='resposta'></p>
<p class='msg error' id='error'></p>
<?php
$atributos = array('id' => 'frmAnimal');
 echo form_open_multipart(base_url() . 'admin/animal/adicionar',$atributos);
?>
	<fieldset>
		<p class='nomt'>
			Cadastre a filiação caso não tenha nenhum registro, após atualize a
			página (Pressione F5).<br /> <br /> <label for='cboFiliacao'
				class='req'>Filiação: *</label><br /> <select name="cboFiliacao"
				id="cboFiliacao">
				<option value=""></option>
			</select> <a href="filiacao_cad.php" target="blank"
				title="Adicionar filiacão">Adiciona filiacao[+]</a>
		</p>
	</fieldset>
	
	<fieldset>
		<legend>Animal</legend>
		<p class='nomt'>
			<label for='nome' class='req'>Nome do Animal: *</label><br />
			<input type='text'
			 	   size='60'
			 	   name='nome'
			 	   class='input-text required'
				   id='nome'
				   title="Preencha o nome do animal" />
		</p>
		<p class='nomt'>
			<label for='foto' class='req'>Foto Animal: *</label><br />
			<input type='file'
			 	   name='foto'
			 	   class='input-text required'
			 	   id='foto'
				   title='Escolha uma foto' />
		</p>
		<p class='nomt'>
			<label for='pelagem' class='req'>Pelagem:</label><br />
			<input type='text'
			 	   size='60'
			 	   name='pelagem'
			 	   class='input-text required'
				   id='pelagem' />
		</p>

		<p class='nomt'>
			<label for='cboTipo' class='req'>Tipo: *</label><br/>
			<select name='cboTipo' id='cboTipo'>
				<option value='Nenhum'>Selecione o tipo</option>
				<option value='Touro'>Touro</option>
				<option value='Matrizes'>Matrizes</option>
				<option value='Cavalos'>Cavalos</option>
			</select>
		</p>
		<p>
			<label for='cboRaca' class='req'>Raça: *</label><br/>
			<select name='cboRaca' id='cboRaca'>
				<option value='Nenhum'>Selecione a raça</option>
				<option value='Gir'>Gir Leiteiro</option>
				<option value='Guzera'>Guzerá</option>
				<option value='Simental'>Simental</option>
				<option value='Pampa'>Pampa</option>
			</select>
		</p>
		<p class='nomt lactacao'>
			<label for='lactacao' class='req'>Lactação:</label><br />
			<input type='text'
				   size='60'
				   name='lactacao'
				   class='input-text required'
				   id='lactacao' />
		</p>
		<p class='nomt valorGenetico'>
			<label for='valorGenetico' class='req'>Valor Genético:</label><br />
			<input type='text'
				   size='60'
				   name='valorGenetico'
				   class='input-text required'
				   id='valorGenetico' />
		</p>
		<p class='nomt'>
			<label for='nasc' class='req'>Data de Nascimento: *</label><br />
			<input type='text'
			       name='nasc'
			       class='input-text required'
			       id='nasc'
			       size='50' />
		</p>

		<p class='nomt'>
			<label for='peso' class='req'>Peso:</label><br />
			<input type='text'
			       name='peso'
			       class='input-text required'
			       id='peso'
			       size='30' />
		</p>
		<p class='nomt' id='video'>
			<label for='video' class='req'>URL do Vídeo:</label><br />
			<input type='text'
			       name='video'
			       class='input-text required'
			       id='video'
				   size='30' />
		</p>
		<p class='nomt'>
			<label for='obs' class='req'>Observação:</label>
			Você tem <span id='count'></span> caracteres para escrever.
			<textarea cols="100" rows="15" name="obs" id="obs"></textarea>
			<span id='count'></span>
		</p>
		<p class='nomt'>
			<label for='municipio' class='req'>Municipio:</label><br />
			<input type='text'
				   name='municipio'
				   class='input-text required'
				   id='municipio'
				   size='30' />
		</p>
	</fieldset>
	<p><input type='submit' id="enviaAnimal" value='Cadastrar Animal' /></p>
	<script type='text/javascript'>
			$('#obs').limit('400','#count');
            $(document).ready(function(){
                $('#frmAnimal').validate({

                    // Reporta os erros no container
                    errorLabelContainer: '#error',
                    wrapper: 'li',
                    errorClass: 'campo-invalido',

                    rules: {
                        nome:{
                            required: true,
                            minlength: 3
                        },
                        foto: {
                            required: true,
                            accept:'jpg|png|gif'
                        },
                        cboTipo:'required: true',
                        cboRaca:'required: true',
                        cboFiliacao:'required: true',
                        nasc:'required: true',
                        peso:'required:true',
                        municipio:'required:true'
                    },
                    messages: {
                        nome:{
                            required: 'Informe o <strong>NOME</strong>',
                            minlength:'O <strong>NOME</strong> deve ser maior que 3 caracteres'
                        },
                        foto: {
                            required: 'Informe a <strong>FOTO</strong> do animal',
                            minlength:'A <strong>FOTO</strong> deve ser nas extensÃµes <strong>JPG,GIF ou PNG</strong>'
                        },
                        cboTipo:{ required: 'Informe o <strong>TIPO</strong> de animal'
                        },
                        cboRaca:{required: 'Informe a <strong>RAÇA</strong>'},
                        nasc:{
                            required: 'Informe a <strong>DATA DE NASCIMENTO</strong> ex: 99/99/9999'
                        },
                        peso: 'Informe o <strong>PESO</strong> do animal',
                        municipio: 'Informe o <strong>MUNÍCIPIO</strong> de nascimento do animal'
                    }
                });
			});
 		   $(document).ready(function(){
				$('p.lactacao').hide();
				$('p.valorGenetico').hide();

				// Verifica o tipo e a raça
				$('#cboRaca').change(function(){
					// Armazena valor do tipo e raça
					var tipo = $('#cboTipo').val();
					var raca = $('#cboRaca').val();
					if(raca == 'Gir' && tipo == 'Matrizes') {
					   $('p.lactacao').show();
					   $('p.valorGenetico').show();
					}
					else {
					   $('p.lactacao').hide();
					   $('p.valorGenetico').hide();
					}
				});
           });
        </script>
	
<?= form_close(); ?>

